Learn Debounce And Throttle In 16 Minutes

lodash.throttle （节流）和 debounce （防抖）是 前端开发 中用于 优化高频事件处理 、 提升性能 的关键工具函数，它们都能有效控制函数执行频率，但背后的机制和最佳适用场景存在显著差异。

lodash中的debounce和throttle有什么区别？ 如何用lodash实现debounce函数？ throttle函数在lodash中是如何应用的？

本文分享如何从零开始构建`lodash`风格的`debounce`和`throttle`函数。 我们将通过图解示例逐步深入，直至覆盖`lodash`提供的全部特性。

Function the new throttled function. Creates a throttled function that only invokes func at most once per every wait milliseconds. The throttled function comes with a cancel method to cancel delayed func invocations and a flush method to immediately invok

PS：lodash默认leading为false、trailing为true，那么最终的效果是在点击后等待5秒才会打印debounce，即延迟之前不执行函数，而是在延迟之后执行。

_.debounce : 创建一个 debounced（防抖动）函数，该函数会从上一次被调用后，延迟 wait 毫秒后调用 func 方法。 debounced（防抖动）函数提供一个 cancel 方法取消延迟的函数调用以及 flush 方法立即调用。

因为我在第三阶段的时候，一直是把这两者分开理解的，等到理解了 lodash 的源码之后，才发现 throttle 是 debounce 的一种 特殊情况。